<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue2</title>
</head>
<body>
    <div id="app" style='width: 100px;height: 100px;' disabled>
        {{msg}}
        <h1>{{msg}}, world.</h1>
        <span>123<i>456</i></span>
    </div>
    <script src="dist/vue.js"></script>
    <script>
        // umd 打包方式在 window 上挂载 Vue
        // console.log(Vue);
        // 响应式 vue2 mvvm
        let vm = new Vue({
            el:'#app',
            data() {
                return {
                    msg: 'hello',
                    a: {b:1},
                    b:[1,2,'abc',{d:3,e:4,f:{g:6}}]
                }
            },
        });
        // console.log(vm.b);
        // vm.b.push({c:123,d:123});
        /*setTimeout(() => {
            vm.msg = 'shit';
            // 数据更新后自动的调用这个方法 就可以自动渲染更新
            vm._update(vm._render());
        },2000);*/
    </script>
</body>
</html>